<template>
        <div>
            <!--列表渲染-->
                <ul v-for="(item, index) in movies" :key="item.id">
                <li>{{ item.name }} --- {{ item.score }}</li>
                </ul>
        </div>
    </template>
    <script setup>
    import {ref} from 'vue'
    
    let movies = ref([
        {id:1,name:'流浪地球',score:8.5},
        {id:2,name:'哪吒之魔童降世',score:8.8},
        {id:3,name:'复仇者联盟4',score:8.0},
        {id:4,name:'少年的你',score:8.5},
        {id:5,name:'误杀',score:8.5},
        {id:6,name:'少年的你',score:8.5},
        {id:7,name:'误杀',score:8.5},
        {id:8,name:'少年的你',score:8.5},
        {id:9,name:'误杀',score:8.5}
    ])
    
   // delete movies.value[0]
    //console.log(movies.value);
    
    </script>
    <style scoped>
    </style>